<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>表单绑定--v-model修饰符</title>
    <!-- <script src="https://unpkg.com/vue@3.5.21/dist/vue.global.js"></script> -->
    <script src="../assets/vue3.js"></script>

    <style>
       
    </style>
</head>

<body>
    <div id="app">
                <div>   msg1 : {{msg1}}  </div>
                <!-- lazy 延迟加载 -->
                <input type="text" v-model.lazy="msg1"  >


                <!-- trim -->
                 <div>   msg2 : {{msg2}}  </div>
                <input type="text" v-model.trim="msg2"  >


                <!-- trim -->
                 <div>   numa+numb : {{numa + numb }}  </div>
                <input type="text" v-model.number.lazy="numa"  > <br>
                <input type="text" v-model.number.lazy="numb"  >  <br>

    </div>



    <script>
        let app = Vue.createApp({
            data() {
                return {
                   msg1:'',
                   msg2:'',
                   numa:0,
                   numb:0
                }
            },
            methods:{
               
            }

        }).mount("#app")
    </script>
</body>

</html>